<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>{$report.header.model_show}_来拍车_二手车交易平台【来拍车】（www.lpaiche.com.cn）</title>
    <meta name="keywords" content="{$web_keywords}">
    <meta name="description" content="{$web_descripition}">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="apple-touch-icon" href="apple-touch-icon.png">
    <link rel="shortcut icon" href="{:get_style_cdnurl()}app/reportShare/images/favicon.ico">
    <script type="text/javascript" src="{:get_style_cdnurl()}app/reportShare/js/vendor/flexible_css.js"></script>
    <script type="text/javascript" src="{:get_style_cdnurl()}app/reportShare/js/vendor/flexible.js"></script>
    <link rel="stylesheet" href="{:get_style_cdnurl()}app/reportShare/css/vendor/normalize.css">
    <link rel="stylesheet" href="{:get_style_cdnurl()}app/reportShare/css/common.css">
    <script type="text/javascript" src="{:get_style_cdnurl()}app/reportShare/js/vendor/jquery.min.js"></script>
    <!--<script type="text/javascript" src="{:get_style_cdnurl()}app/reportShare/js/vendor/iscroll.js"></script>-->
    <script type="text/javascript" src="{:get_style_cdnurl()}app/reportShare/js/common.js"></script>
    <script type="text/javascript" src="{:get_style_cdnurl()}app/reportShare/js/utils.js"></script>
    <link rel="stylesheet" href="{:get_style_cdnurl()}app/reportShare/css/vendor/swiper.min.css">
    <link rel="stylesheet" href="{:get_style_cdnurl()}app/reportShare/css/testing.css">
</head>
<body class="report-bg">
<include file="Public/header_menu" />
<header class="clearfix">
    <a class="client-btn" href="http://a.app.qq.com/o/simple.jsp?pkgname=com.clcw.lpaiche" target="_blank">客户端</a>
    <a href="http://www.lpaiche.com/" target="_blank">
        <img class="logo" src="{:get_style_cdnurl()}app/reportShare/images/logo.png" alt="">
    </a>
</header>
<div class="download-text">
    <span></span>
    <img src="{:get_style_cdnurl()}app/reportShare/images/logo_app_ico.png">
    <a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.clcw.lpaiche" target="_blank">立即下载</a>
</div>
<div class="report-banner">
    <img src="{$report.car_pic}" />
    <h3>{$report.header.model_show} </h3>
    <em>{$report.header.share_first_reg_date}/{$report.header.pointer_mileage}/{$report.header.emission}/{$report.header.plate_number}/{$report.header.transfer_limit}</em>
    <em>起拍价：{$report.bid_start_price}/{$report.header.show_reserve_price}<if condition="$report[header][coupon] gt 0">/可以用代金劵{$report.header.coupon}元</if>
    </em>
    <span>{$report.header.composite_state}{$report.header.acc_level}</span>
</div>
<div class="report-text">
    <h3><em>检测报告</em></h3>
    <dl class="report-number clearfix">
        <dd>车辆编号：{$report.header.car_no}</dd>
        <dd>检测时间：{$report.header.check_date}</dd>
        <!--<dd>检测师：{$report.header.checker} </dd>-->
        <dd>级别：{$report.header.checker_level}</dd>
    </dl>
    <dl class="report-grade clearfix">
        <dt><span>{$report.header.composite_state}{$report.header.acc_level}<em>车况等级</em></span><img src="{:get_style_cdnurl()}app/reportShare/images/testReport_grade.jpg"></dt>
        <dd>
            {$report.header.composite_state_desc}
            {$report.header.acc_level_desc}
            {$report.header.history_state}
        </dd>
    </dl>
</div>
<div class="report-text">
    <h3><em>基本信息</em></h3>
    <ul class="information">
        <volist name="report.base_info" id="base" key="k">
            <li class="clearfix" <?= $base['color'] ? "style='background-color:$base[color]'" :''; ?> ><em>{$base.label}</em><em>{$base.value}</em></li>
        </volist>
    </ul>
</div>

<div class="report-text">
    <h3><em>手续信息</em></h3>
    <ul class="information">
        <volist name="report.procedure" id="proc" key="k">
            <li class="clearfix"><em>{$proc.label}</em><em>{$proc.value}</em></li>
        </volist>
    </ul>
</div>

<div class="report-text">
    <h3><em>配置信息</em></h3>
    <ul class="information">
        <volist name="report.config" id="config" key="k">
            <li class="clearfix"><em>{$config.label}</em><em>{$config.value}</em></li>
        </volist>
    </ul>
</div>
<div class="report-text">
    <h3><em>工况及附件说明</em></h3>
    <ul class="information">
        <volist name="report.perform" id="perform" key="k">
            <li class="clearfix"><em>{$perform.label}</em><em>{$perform.value}</em></li>
        </volist>
    </ul>
</div>
<div class="report-text slide-pics-wrapper">
    <h3><em>基本照片</em></h3>
    <ul class="report-photo clearfix">
        <volist name="report.base_pics" id="pic" key="k">
            <li><div><img data-start="{$k}" src="{$pic.pic_url}@286w_190h_4e"><h4>{$pic.pic_desc}</h4><span></span></div></li>
        </volist>
    </ul>
    <div class="slide-pics">
        <volist name="report.base_pics" id="pic">
            <div class="swiper-slide">
                <img class="swiper-lazy" data-src="{$pic.pic_url}" alt="">
            </div>
        </volist>
    </div>
</div>

<div class="report-text">
    <h3><em>修复历史</em></h3>
    <div class="repair-list">
        <ul class="clearfix">
            <li class="current"><em>外观</em></li>
            <li><em>骨架</em></li>
        </ul>
    </div>
    <div class="appearanceCo">
        <section class="appearance">
            <div class="appearanceMain">
                <img src="{$report.damage_pics.hidden.outside}">
            </div>
            <div class="appearance-text">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <volist name="report.appear_history" id="appear" key="k">
                        <tr><td>{$appear.label}</td><td>{$appear.value}</td></tr>
                    </volist>
                </table>
            </div>
        </section>

        <section class="appearance" style="display: none;">
            <div class="appearanceMain">
                <img src="{$report.damage_pics.hidden.frame}" />
            </div>

            <div class="appearance-text">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <volist name="report.frame_history" id="frame" key="k">
                        <tr><td>{$frame.label}</td><td>{$frame.value}</td></tr>
                    </volist>
                </table>
            </div>
    </div>
    </section>
</div>
</div>

<div class="report-text">
    <h3><em>可见损伤（部位）</em></h3>
    <div class="repair-list">
        <ul class="repair-tab clearfix">
            <li class="current"><em>骨架</em></li>
            <li><em>外观</em></li>
            <li><em>内饰</em></li>
        </ul>
    </div>
    <div class="appearanceCo">
        <section class="appearance">
            <div class="appearanceMain">
                <img src="{$report.damage_pics.visible.frame}">
            </div>
            <div class="appearance-text">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <volist name="report.frame" id="frame" >
                        <tr class="slide-pics-wrapper">
                            <td>
                                <empty name="$frame.cus_pos_name">
                                    {$frame.position}
                                <else />
                                    {$frame.cus_pos_name}
                                </empty>
                            </td>
                            <td>
                                <a>
                                    <noempty name="frame.pictures">
                                        <img src="{:get_style_cdnurl()}app/reportShare/images/arrow_pic.png">
                                    </noempty>
                                    <!--{$frame.describe}-->
                                </a>
                                <div class="slide-pics">
                                    <volist name="frame.pictures" id="frame_pic" key="k">
                                        <div class="swiper-slide">
                                            <img class="swiper-lazy" data-src="{$frame_pic.img}" />
                                        </div>
                                    </volist>
                                </div>
                            </td>
                        </tr>
                    </volist>
                </table>
            </div>
        </section>

        <section class="appearance" style=" display: none;">
            <div class="appearanceMain">
                <img src="{$report.damage_pics.visible.outside}" />
            </div>

            <div class="appearance-text">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <volist name="report.wg" id="wg" >
                        <tr class="slide-pics-wrapper">
                            <td>
                                <empty name="$wg.cus_pos_name">
                                    {$wg.position}
                                <else />
                                    {$wg.cus_pos_name}
                                </empty>
                            </td>
                            <td>
                                <a>
                                    <noempty name="wg.pictures">
                                        <img src="{:get_style_cdnurl()}app/reportShare/images/arrow_pic.png">
                                    </noempty>
                                    <!--{$wg.describe}-->
                                </a>
                                <div class="slide-pics">
                                    <volist name="wg.pictures" id="wg_pic" key="k">
                                        <div class="swiper-slide">
                                            <img class="swiper-lazy" data-src="{$wg_pic.img}" />
                                        </div>
                                    </volist>
                                </div>
                            </td>

                        </tr>
                    </volist>
                </table>
            </div>
        </section>
        <section class="appearance" style="display: none;">
            <div class="appearanceMain">
                <img src="{$report.damage_pics.visible.inside}" />
            </div>

            <div class="appearance-text">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <volist name="report.ns" id="ns" >
                        <tr class="slide-pics-wrapper">
                            <td>
                                <empty name="$ns.cus_pos_name">
                                    {$ns.position}
                                    <else />
                                    {$ns.cus_pos_name}
                                </empty>
                            </td>
                            <td>
                                <a dm-id="{$ns.dm_id}">
                                    <noempty name="ns.pictures">
                                        <img src="{:get_style_cdnurl()}app/reportShare/images/arrow_pic.png">
                                    </noempty>
                                    <!--{$ns.describe}-->
                                </a>
                                <div class="slide-pics">
                                    <volist name="ns.pictures" id="ns_pic" key="k">
                                        <div class="swiper-slide">
                                            <img class="swiper-lazy" data-src="{$ns_pic.img}" />
                                        </div>
                                    </volist>
                                </div>
                            </td>
                        </tr>
                    </volist>
                </table>
            </div>
        </section>
    </div>
</div>

<div class="report-text report-text-bottom">
    <h3><em>可见损伤（程度）</em></h3>
    <div class="repair-list">
        <ul class="repair-tab clearfix">
            <li class="current"><em>轻微</em></li>
            <li><em>一般</em></li>
            <li><em>严重</em></li>
        </ul>
    </div>
    <div class="appearanceCo sunshang">
        <section class="appearance slide-pics-wrapper">
            <ul class="degree">
                <volist name="report.light_pics_sma" id="light_pics_sma" key="k">
                    <li><div><img data-start="{$k}" src="{$light_pics_sma.url}"><h4>{$light_pics_sma.cus_pos_name} - {$light_pics_sma.describe} </h4><span></span></div></li>
                </volist>
            </ul>
            <div class="slide-pics">
                <volist name="report.light_pics_big" id="light_pics_big" key="k">
                    <div class="swiper-slide">
                        <img class="swiper-lazy" data-src="{$light_pics_big.url}" alt="">
                    </div>
                </volist>
            </div>
        </section>
        <section class="appearance slide-pics-wrapper" style="display: none;">
            <ul class="degree">
                <volist name="report.normal_pics_sma" id="normal_pics_sma" key="k">
                    <li><div><img data-start="{$k}" src="{$normal_pics_sma.url}"><h4>{$normal_pics_sma.cus_pos_name} - {$normal_pics_sma.describe} </h4><span></span></div></li>
                </volist>
            </ul>
            <div class="slide-pics">
                <volist name="report.normal_pics_big" id="normal_pics_big" key="k">
                    <div class="swiper-slide">
                        <img class="swiper-lazy" data-src="{$normal_pics_big.url}" alt="">
                    </div>
                </volist>
            </div>
        </section>
        <section class="appearance slide-pics-wrapper" style="display: none;">
            <ul class="degree">
                <volist name="report.important_pics_sma" id="important_pics_sma" key="k">
                    <li><div><img data-start="{$k}" src="{$important_pics_sma.url}"><h4>{$important_pics_sma.cus_pos_name} - {$important_pics_sma.describe} </h4><span></span></div></li>
                </volist>
            </ul>
            <div class="slide-pics">
                <volist name="report.important_pics_big" id="normal_pics_big" key="k">
                    <div class="swiper-slide">
                        <img class="swiper-lazy" data-src="{$normal_pics_big.url}" alt="">
                    </div>
                </volist>
            </div>
        </section>
    </div>
</div>
<div class="slide-shadow">

</div>
<script type="text/javascript" src="{:get_style_cdnurl()}app/reportShare/js/vendor/swiper.jquery.min.js"></script>
<script>
    $(document).ready(function () {

        $(".repair-list").eq(0).find("li").click(function () {
            $(".repair-list").eq(0).find("li").removeClass("current");
            $(this).addClass("current");
            var index = $(".repair-list").eq(0).find("li").index(this);
            $(".appearanceCo").eq(0).find(".appearance").eq(index).show().siblings().hide();
        })
        $(".repair-list").eq(1).find("li").click(function () {
            $(".repair-list").eq(1).find("li").removeClass("current");
            $(this).addClass("current");
            var index = $(".repair-list").eq(1).find("li").index(this);
            $(".appearanceCo").eq(1).find(".appearance").eq(index).show().siblings().hide();
        })

        $(".repair-list").eq(2).find("li").click(function () {
            $(".repair-list").eq(2).find("li").removeClass("current");
            $(this).addClass("current");
            var index = $(".repair-list").eq(2).find("li").index(this);
            $(".appearanceCo").eq(2).find(".appearance").eq(index).show().siblings().hide();
        })

        utils.goTop();

        utils.checkReportSlide();

        utils.headerMenu();

    })
</script>
</body>
</html>




























